<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>- 发现 -</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-top-tips {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -25px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				z-index: 1;
			}
			.mui-bar~.mui-pull-top-tips {
				top: 24px;
			}
			.mui-pull-top-wrapper {
				width: 42px;
				height: 42px;
				display: block;
				text-align: center;
				background-color: #efeff4;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
				box-shadow: 0 4px 10px #bbb;
				overflow: hidden;
			}
			.mui-pull-top-tips.mui-transitioning {
				-webkit-transition-duration: 200ms;
				transition-duration: 200ms;
			}
			.mui-pull-top-tips .mui-pull-loading {
				/*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/
				
				margin: 0;
			}
			.mui-pull-top-wrapper .mui-icon,
			.mui-pull-top-wrapper .mui-spinner {
				margin-top: 7px;
			}
			.mui-pull-top-wrapper .mui-icon.mui-reverse {
				/*-webkit-transform: rotate(180deg) translateZ(0);*/
			}
			.mui-pull-bottom-tips {
				text-align: center;
				background-color: #efeff4;
				font-size: 15px;
				line-height: 40px;
				color: #777;
			}
			.mui-pull-top-canvas {
				overflow: hidden;
				background-color: #fafafa;
				border-radius: 40px;
				box-shadow: 0 4px 10px #bbb;
				width: 40px;
				height: 40px;
				margin: 0 auto;
			}
			.mui-pull-top-canvas canvas {
				width: 40px;
			}
			.mui-slider-indicator.mui-segmented-control {
				background: #FFFFFF;
			}
			.rf-article{
				background: #fff;
				border-bottom: 6px solid #F0F0F0;
			}
			.rf-left{
				border-right-color: #F0F0F0;
				border-right-width: 3px;
				border-right-style: solid;
			}
			.rf-right{
				border-left-color: #F0F0F0;
				border-left-width: 3px;
				border-left-style: solid;
			}
			.rf-article-p{
				font-size: 11px;
				margin: 0px;
				padding: 0px;
				min-height: 42px;
				max-height: 42px;
			}
			.rf-article-inner{
				padding: 7px;
				
			}
			.rf-footer{
				padding: 0px 10px;
				font-size: 12px;
				min-height:32px;
			}
		</style>
	</head>

	<body>
		
		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile">
							推荐
						</a>
						<a class="mui-control-item" href="#item2mobile">
							护肤基础
						</a>
						<a class="mui-control-item" href="#item3mobile">
							进阶美学
						</a>
						<a class="mui-control-item" href="#item4mobile">
							最新
						</a>
						<a class="mui-control-item" href="#item5mobile">
							最热
						</a>
						<a class="mui-control-item" href="#item6mobile">
							成分
						</a>
						
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-content">
									<div class="mui-row">
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p8.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">第一个选项卡哦，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p10.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">关于敷面膜，95%的人都不了解的事…</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">tendecss</div>
													<div class="rf-read">12阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p1.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">肤质搞不定，使用再贵护肤品也浪费...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">梧桐雨</div>
													<div class="rf-read">36阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p2.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">油性肌肤只要控油就够了吗？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">宝宝的动物世界</div>
													<div class="rf-read">3.8k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p3.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">春季洁面要注意，用这样的洗面奶容易毁肤!</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">喵喵</div>
													<div class="rf-read">122阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p4.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">你多久没有去角质了？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">猴音乐</div>
													<div class="rf-read">136阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p5.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">流泪验证！春天真是个长肉的季节！</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">小欧</div>
													<div class="rf-read">21阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p6.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">春季肌肤干燥到起皮了？干皮妹子看这里！</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">杭州小西湖</div>
													<div class="rf-read">99阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p7.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">适合春天的口红种草，让你唇妆美美哒！</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">混世魔王</div>
													<div class="rf-read">28阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p8.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">什么材质的面膜护肤效果好？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">美杜莎</div>
													<div class="rf-read">88阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p9.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">脸部T区五大问题，该如何护理？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">甜腻腻</div>
													<div class="rf-read">40阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p5.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">护肤不到位，美容就会变毁容</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">小伟</div>
													<div class="rf-read">592阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
									</div>
									<!-- mui-row end -->
								</div>
							
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-content">
									<div class="mui-row">
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p6.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">第2个选项卡哦，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">杰克</div>
													<div class="rf-read">15k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p9.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">化妆后长痘了，该怎么办？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">海豚</div>
													<div class="rf-read">9阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">冬季护肤要点来了~</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">小可爱</div>
													<div class="rf-read">1283阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">苏小胖</div>
													<div class="rf-read">999k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">春季“油腻”小仙女出没，如何有效控油？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">武悦小姐姐</div>
													<div class="rf-read">3k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">你的“过劳肌”还可以拯救吗？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">Ucat</div>
													<div class="rf-read">100阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">为什么说饮食美容很重要？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">siheng</div>
													<div class="rf-read">76阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">2019防晒霜排行榜10强</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">思冰</div>
													<div class="rf-read">127阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">还在为痘痘印烦恼？推荐几款男士遮瑕BB霜恢复男人自信</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">小羊</div>
													<div class="rf-read">99阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">肌肤离不开给补水 推荐几款保湿滋润人气高面膜</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">知心小姐姐</div>
													<div class="rf-read">19阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
精华液的正确使用方法 你知道多少</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">陈冬冬</div>
													<div class="rf-read">1k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">怎么样才能去大眼袋 消除眼袋的3大方法</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">初一</div>
													<div class="rf-read">14k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
									</div>
									<!-- mui-row end -->
								</div>
															
							</div>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-content">
									<div class="mui-row">
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">春季焕新肌 用植物觉醒肌肤活力--雪肌精谧雅臻活系列</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">普洛斯</div>
													<div class="rf-read">3k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
对抗炎炎夏日帮手，这几款防晒霜不容错过</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">高洪雅</div>
													<div class="rf-read">13k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">第3个选项卡哦，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">吉布鲁</div>
													<div class="rf-read">12阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
男士也要好脸蛋 带来焕然一新感觉的洁面产品推荐</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">萨尔</div>
													<div class="rf-read">123阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
用化妆水做面膜简单DIY</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">时谛</div>
													<div class="rf-read">1阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
化妆水作用有哪些 让你长久美丽的神水</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">潘达</div>
													<div class="rf-read">995阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">薏仁水的功效 内服外敷的美容圣品就是它</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">囧</div>
													<div class="rf-read">55阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">化妆水爽肤水有什么区别？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">萨拉康</div>
													<div class="rf-read">90阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">化妆水的作用和使用方法</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">日本薏仁化妆水怎么用？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">化妆水的作用和使用方法</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">关于秋冬防晒你必须注意的几点！</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
									</div>
									<!-- mui-row end -->
								</div>
															
							
							</div>
						</div>
					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-content">
									<div class="mui-row">
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">第4个选项卡哦，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">化妆水和爽肤水的区别 你造吗</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">保湿喷雾什么时候用？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">化妆水正确湿敷的使用方法</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
化妆水是保湿水吗？化妆水是保湿用的吗？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
化妆水的正确使用方法 正确使用化妆水让效果加倍</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">补水和保湿的区别 正确认识补水保湿的区别</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">爽肤水和乳液的区别 你是否能辨清</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p8.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">爽肤水和乳液是怎么用的 水乳套装的正确用法步骤</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p2.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">爽肤水先用还是乳液 若要护肤必须先知护肤步骤</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
水乳液精华液的使用顺序</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">

爽肤水之后用什么顺序 爽肤水怎么用</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
									</div>
									<!-- mui-row end -->
								</div>
							
							</div>
						</div>
					</div>
					<div id="item5mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-content">
									<div class="mui-row">
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p10.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">第5个选项卡哦，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/facial01.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">告白的秘密武器！轻松五步让你拥有蜜桃肌肤</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">简单有效去黑头收缩毛孔的方法</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p5.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">用什么洗脸去黑头收缩毛孔？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640.jpg)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">怎样去黑头收缩毛孔？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p8.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">怎样缩小毛孔和去除黑头？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p2.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
去黑头鼻贴多久用一次合适？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p3.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
爽肤水的正确涂抹方法</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p4.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">

爽肤水的作用是什么？</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p5.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">

远离换季过敏脸，你需要这一份护肤保养攻略</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p6.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">施华蔻 Hydra Force 水凝胶原新品上市 水润大使屈楚萧现身发布会</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p8.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
雪肌精“中国启示录”，PCLADY深度访问中国高丝董事长</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
									</div>
									<!-- mui-row end -->
								</div>
															
							</div>
						</div>
					</div>
					<div id="item6mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-content">
									<div class="mui-row">
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p8.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">第6个选项卡哦，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p7.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
怎么用珍珠粉去黑头 珍珠粉去黑头的方法
</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p10.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
重见新生，从一场绝妙的泡泡浴开始！</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p9.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">
正确去黑头的7个步骤</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p4.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p2.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p3.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p9.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p10.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p1.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
										<!-- div rf-left start -->
										<div class="mui-col-xs-6 rf-article rf-left">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p2.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-left end -->
										<!-- div rf-right start  -->
										<div class="mui-col-xs-6 rf-article rf-right">
											<div class="mui-card">
												<div class="mui-card-header mui-card-media" style="height:25vw;background-image:url(images/640_p3.webp)"></div>
												<div class="mui-card-content">
													<div class="mui-card-content-inner rf-article-inner">
														<p class="rf-article-p">擦护肤品的正确手法，这样做才能守住美肌...</p>
													</div>
												</div>
												<div class="mui-card-footer rf-footer">
													<div class="rf-author">糖糖</div>
													<div class="rf-read">123k阅读</div>
												</div>
											</div>
										</div>
										<!-- div rf-right end -->
									</div>
									<!-- mui-row end -->
								</div>
															
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.pullToRefresh.js"></script>
		<script src="js/mui.pullToRefresh.material.js"></script>
		<script>
			mui.init();
			(function($) {
				//阻尼系数
				var deceleration = mui.os.ios?0.003:0.0009;
				$('.mui-scroll-wrapper').scroll({
					bounce: false,
					indicators: false, //是否显示滚动条
					deceleration:deceleration
				});
				$.ready(function() {
					//循环初始化所有下拉刷新，上拉加载。
					$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
						$(pullRefreshEl).pullToRefresh({
							down: {
								callback: function() {
									var self = this;
									setTimeout(function() {
										var ul = self.element.querySelector('.mui-row');
										ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild);
										self.endPullDownToRefresh();
									}, 1000);
								}
							},
							up: {
								callback: function() {
									var self = this;
									setTimeout(function() {
										var ul = self.element.querySelector('.mui-row');
										ul.appendChild(createFragment(ul, index, 5));
										self.endPullUpToRefresh();
									}, 1000);
								}
							}
						});
					});
					var createFragment = function(ul, index, count, reverse) {
						var length = ul.querySelectorAll('li').length;
						var fragment = document.createDocumentFragment();
						var li;
						for (var i = 0; i < count; i++) {
							li = document.createElement('li');
							li.className = 'mui-table-view-cell';
							li.innerHTML = '第' + (index + 1) + '个选项卡子项-' + (length + (reverse ? (count - i) : (i + 1)));
							fragment.appendChild(li);
						}
						return fragment;
					};
				});
			})(mui);
		</script>
	</body>

</html>